<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>局部组件</title>
</head>
<body>
<h1>局部组件</h1>
<div id="app">
</div>
<hello-com></hello-com>
<hello-hev></hello-hev>
<template id="helloTem">
    <div>
        <h1>我是局部属性</h1>
        属性取值:{{msg}}}
    </div>
</template>
<!-- 引入JS文件 -->
<script src="../js/vue.js"></script>
<script>
// 只能在某个对象之内，使用组件标签

let  helloCom={
//属性的定义
    data(){
        return{
            msg:"我是局部组件"
        }
    },
    template:"helloTem",
    methods: {

    }
}
    const app = new Vue({
        el: "#app",
        data: {},
        methods: {},
        components:{
//组件key:组件体
            helloCom:"helloCom"
        }
    })
</script>
</body>
</html>
